<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
<meta charset="UTF-8"> 
<title>页面展示</title>
</head> 
<body> 
<!-- 标题部分，利用 HTML 不同层级标题标签 --> 
<h1>标题标签</h1> 
<h2>标题标签</h2> 
<h3>标题标签</h3> 
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>

<!-- 段落及特殊样式文本，用 span 结合 JavaScript 动态添加样式（模拟效果，因无 CSS ，这里用行内样式简单处理 ） --> 
<p>我是一个段落</p>
<span id="smallText">我有点小</span>
<span id="bigText">我有点大</span> 
<span id="boldText">我可以加粗</span> 
<span id="italicText">我很歪</span>
<span id="underlineText">我有底线</span> 
<span id="deleteText">除名</span>
<span id="chemicalText">H₂O H⁺</span> 

<script>  
document.getElementById('smallText').style.fontSize = '12px';
document.getElementById('bigText').style.fontSize = '20px'; 
document.getElementById('boldText').style.fontWeight = 'bold'; 
document.getElementById('italicText').style.fontStyle = 'italic';
document.getElementById('underlineText').style.textDecoration = 'underline';
document.getElementById('deleteText').style.textDecoration = 'line-through'; 
</script> 
</body>
</html>